<div class="house-box">
  <div class="btn-box">
    <button class="btn-dismiss" appDebounceClick (debounceClick)="onDismiss()">取消</button>
    <button class="btn-ok" appDebounceClick (debounceClick)="onOk()">确定</button>
  </div>
  <div class="house-type-content">
    <ion-grid class="grid-padding">
      <ion-row class="ion-align-items-center" *ngFor="let item of rowListData;let index = index;">
        <ion-col class="roomType-col">
          <button class="roomType btn" [ngClass]="{'btn-checked': item.roomType.isChecked==='true'}"
            id="roomType{{index}}"
            appDebounceClick (debounceClick)="buttonClick(item.roomType.label,item.roomType.value,'roomType',index)">{{item.roomType.label}}</button>
        </ion-col>
        <ion-col class="roomHall-col">
          <button class="roomHall btn" [ngClass]="{'btn-checked': item.roomHall.isChecked==='true'}"
            id="roomHall{{index}}"
            appDebounceClick (debounceClick)="buttonClick(item.roomHall.label,item.roomHall.value,'roomHall',index)">{{item.roomHall.label}}</button>
        </ion-col>
        <ion-col class="roomBit-col">
          <button class="roomBit btn" [ngClass]="{'btn-checked': item.roomBit.isChecked==='true'}" id="roomBit{{index}}"
            appDebounceClick (debounceClick)="buttonClick(item.roomBit.label,item.roomBit.value,'roomBit',index)">{{item.roomBit.label}}</button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</div>